<template>
    <div>
        <!--主题页面展示-->
         <div v-if="this.$store.state.admanage">
             <!--1-->
            <el-row class="nav_a_top">
                <el-col :span="12"><div class="grid-content bg-purple">广告管理列表</div></el-col>
                <el-col :span="12" @click.native="addcangui"><div class="grid-content bg-purple-light"><div class="nav_a_top_div">添加广告</div></div></el-col>
            </el-row>
             <!--3-->
            <table class="nav_a_table fs12">
                        <tr>
                            <td>编号</td>
                            <td>名称</td>
                            <td>资源链接</td>
                            <td>类型</td>
                            <td>推送餐柜</td>
                            <td>开始时间</td>
                            <td>有效期</td>
                            <td>到期时间</td>
                            <td>状态</td>
                            <td>备注</td>
                            <td>操作</td>
                        </tr>
                        <tr>
                            <td>001</td>
                            <td>拼多多</td>
                            <td>http:www.baidu.com</td>
                            <td>视频</td>
                            <td><div class="nav_a_button">海汇中心001柜</div><span class="el-icon-caret-bottom iconbottom fs24"></span></td>
                            <td>2017-09-07 10:09</td>
                            <td>30天</td>
                            <td>2017-09-08 10:09</td>
                            <td>启用</td>
                            <td>无</td>
                            <td><button class="nav_a_button">禁用</button></td>
                        </tr>
            </table>   
         </div>
         <div v-if="this.$store.state.adadd">
            <adaddzj></adaddzj>
         </div>
    </div>
</template>
<script>
    import adaddzj  from './cangui_tjgg.vue'
export default {
  name: 'gggl',
  data () {
    return {
    }
  },
  components:{
      adaddzj
  },
  methods:{
       addcangui:function(){
                this.$store.state.admanage=false;
                this.$store.state.adadd=true;
            },
  }
}
</script>
<style scoped>
/*1*/
.nav_a_top{height: 40px;background-color: white;padding: 10px;}
.nav_a_top>div:nth-child(2){text-align: center;}
.nav_a_top_div{width: 100px;float: right;border: 1px solid #A9A9A9;}
/*3*/
.nav_a_table{width: 100%;height: 60px;margin-top: 30px;}
.nav_a_table>tr:nth-child(1) td{height: 60px;background-color: #cdcdcd;border: 1px solid #bbbbbb;box-sizing: border-box;text-align: center}
.nav_a_table>tr td{height: 60px;background-color: white;border: 1px solid #bbbbbb;box-sizing: border-box;text-align: center;}
.nav_a_button{padding: 3px;box-sizing: border-box;margin-right:5px;display: inline-block;}
.nav_a_table table{padding: 3px;}
.iconbottom{float: right;margin-right: 20px;}
</style>